<template>
  <div class="layout-padding row justify-center">
    <div style="width: 600px; max-width: 100vw;">
      <q-list style="max-width: 600px;">
        <q-item
          link
          @click="$router.push('/sys/sys-pic-compress')"
          v-ripple.mat
        >
          <q-item-side icon="open_in_new" />
          <q-item-main label="图片压缩" />
          <q-item-side right icon="keyboard_arrow_right" />
        </q-item>
      </q-list>
    </div>
  </div>
</template>

<script>
import {
  Ripple,
  QBtn,
  QIcon,
  QList,
  QItem,
  QItemSide,
  QItemMain
} from "quasar";

export default {
  components: {
    QBtn,
    QIcon,
    QList,
    QItem,
    QItemSide,
    QItemMain
  },
  directives: {
    Ripple
  },
  data() {
    return {
    };
  },
  methods: {}
};
</script>
